<template>
	<view>
		<!-- <view class="bg-white u-p-l-32 u-p-r-32 u-p-t-20 u-p-b-20 flex u-col-center u-row-between">
			<view class="flex u-col-center ">
				<u-icon name="search" size="50rpx" color="#999"></u-icon>
				<view>自定义搜索查询</view>
			</view>
			<u-icon name="arrow-right" size="14" color="#999"></u-icon>
		</view> -->

		<block v-for="(item,k) in billInfoList" :key="k">
			<view class="bg-white u-m-t-20 u-p-l-32 u-p-r-32 u-p-t-20 u-p-b-20 solid-bottom">
				<view class="flex u-col-center u-row-between">
					<view class="time">充值时间：{{handleFormatTime(item.createTime)}}</view>
				</view>
				<view class="flex u-col-center u-row-between u-m-t-10">
					<view class="jl">充值金额:￥{{parseFloat(item.money).toFixed(2)}}</view>
					<view class="jl">充值状态: {{handleFormatStatus(item.status)}}</view>
				</view>
			</view>
		</block>
		 



	</view>
</template>

<script>
	import {
		getRechangeOrderList
	} from '@/common/api/api.js'
	export default {
		data() {
			return {
				rechangeList: [],
				 
				userInfoId:''
			}
		},
		onShow() {
			this.userInfoId=this.$store.state.$token;
			this.handleGetRechangeOrderList();
		},
		methods: {
			handleGetRechangeOrderList() {
				getRechangeOrderList({
					operator: this.userInfoId
				}).then(res => {
					this.rechangeList = res.data.list;
				})
			},
			handleFormatStatus(status) {
				if (status == '0') {
					return "待支付"
				}
				if (status == '1') {
					return "支付成功"
				}
				if (status == '-1') {
					return "支付失败"
				}
				 
			}
		}
	}
</script>

<style>
	.time {
		font-size: 32rpx;
		font-weight: 600;
		color: #000;
	}

	.jl {
		color: #999;
		font-size: 26rpx;
	}

	.name {
		color: #000;
	}

	.price {
		font-size: 32rpx;
		color: #000;
		font-weight: 600;
	}

	.datetime {
		color: #b1b1b1;
		margin-top: 10rpx;
	}

	.btn {
		background-color: #81D8CF;
		width: 100rpx;
		height: 40rpx;
		line-height: 40rpx;
		text-align: center;
		font-size: 24rpx;
		border-radius: 4rpx;
		color: #fff;
		font-weight: 400;
	}
</style>